<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		/* 后代选择器 */
		div span{
			font-size: 18px;
			color:red;
		}
		/* 子代选择器 */
		div>p>span{
			color: blue;
		}
	</style>
	<body>
		<div>
			<span>我是div的儿子</span>
            <p>
                <span>我是div的孙子</span>
            </p>
		</div>
	</body>
</html>